<script setup>
import MikufansLogo from "@/components/icons/MikufansLogo.vue";
</script>

<template>
  <div class="container">
    <logo>
      <a href="http://mikufans.net">
        <mikufans-logo/>
      </a>
    </logo>

    <news>
      <span>滚动显示的内容</span>
    </news>


  </div>
</template>

<style scoped>
.container {
  height: 50px;
  display: flex;
  width: 1020px;
  flex-direction: row;
  justify-content: space-between;
  clear: both;

}

logo {
  display: inline-block;
  padding: 10px;
  float: left;
}

news {
  display: block;
  padding: 0 20px;
  font-size: 14px;
  float: right;
  text-align: center;
  line-height: 50px;
}


</style>